<!DOCTYPE html>
<html class="x-admin-sm">

    <head>
        <meta charset="UTF-8">
        <title>修改</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">
        <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="./js/xadmin.js"></script>
        <script type="text/javascript" src="./data/sensor.js"></script>
        <script src="js/jquery.min.js"></script>
        <script src="js/md5.js"></script>

        <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
        <!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row">
                <form class="layui-form">


                    <div class="layui-form-item" >
                        <label for="L_userName" class="layui-form-label">
                            <span class="x-red">*</span>维护人:</label>
                        <div class="layui-input-inline">
                            <input type="text" id="L_userName" name="username" required="" lay-verify="username"  class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label for="L_note" class="layui-form-label">
                            <span class="x-red">*</span>备注:</label>
<!--                        <div class="layui-input-inline">-->
<!--                            <input type="text" id="L_note" name="note" required="" lay-verify="note" autocomplete="off" class="layui-input"/>-->
<!--                        </div>-->
                           <div class="layui-form-text">
                               <textarea id="L_note" name="note" style="width: 200px; height: 80px;"></textarea>
                           </div>
                    </div>
<!--                    <div class="layui-form-item">-->
<!--                        <label for="L_deviceIp" class="layui-form-label">-->
<!--                            <span class="x-red">*</span>账户密码:</label>-->
<!--                        <div class="layui-input-inline">-->
<!--                            <input type="password" id="L_password" name="password" required="" lay-verify="password" autocomplete="off" class="layui-input"></div>-->
<!--                    </div>-->

                    <div class="layui-form-item">
                        <label for="select_address" class="layui-form-label">
                            <span class="x-red">*</span>矿</label>
                        <div class="layui-input-inline">
                            <select id="select_address" style="width: 100px;height: 20px">
                                <option value="">请选择</option>
                            </select>
                        </div>
                    </div>

<!--                    <div class="layui-form-item">-->
<!--                        <label for="L_pass" class="layui-form-label">-->
<!--                            <span class="x-red">*</span>密码</label>-->
<!--                        <div class="layui-input-inline">-->
<!--                            <input type="password" id="L_pass" name="pass" required="" lay-verify="pass" autocomplete="off" class="layui-input"></div>-->
<!--                        <div class="layui-form-mid layui-word-aux">6到16个字符</div></div>-->
<!--                    <div class="layui-form-item">-->
<!--                        <label for="L_repass" class="layui-form-label">-->
<!--                            <span class="x-red">*</span>确认密码</label>-->
<!--                        <div class="layui-input-inline">-->
<!--                            <input type="password" id="L_repass" name="repass" required="" lay-verify="repass" autocomplete="off" class="layui-input"></div>-->
<!--                    </div>-->
                    <div class="layui-form-item">
<!--                        <label for="test" class="layui-form-label"></label>-->
                        <label  class="layui-form-label"></label>
                        <label  class="layui-form-label"></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <button class="layui-btn" lay-filter="edit"  lay-submit="">修改</button>
                    </div>
                </form>
            </div>
        </div>
        <script>

            function getQueryVariable(variable)
            {
                var query = window.location.search.substring(1);
                var vars = query.split("&");
                for (var i=0;i<vars.length;i++) {
                    var pair = vars[i].split("=");
                    if(pair[0] == variable){return pair[1];}
                }
                return(false);
            }
            var curInfo;

            $(function () {
                let pid = getQueryVariable("id");
                if(pid>0) {
                    var info = sensorServer.getLogMaintainById({"id": parseInt(pid)});
                    curInfo = info;
                    $("#L_note").val(curInfo.note);
                    $("#L_userName").val(curInfo.personName);
                    InitSensorInfo(pid);  //
                }else{
                    InitSensorInfo(0);  //
                }
                debugger;
                $("#select_address").val(curInfo.minesId);
                //layui.form.render("select");//layUI设置
            });

            function InitSensorInfo(pid){
                var dataSensor=sensorServer.getMinesList({"page":1,"rows":1000});
                if (dataSensor!=null) {
                    let optionList="";
                    for(let i=0;i<dataSensor.data.length;i++){
                        if(pid!=null&&pid!=undefined&&dataSensor.data[i].id==pid){
                            optionList+="<option selected='selected' value='"+dataSensor.data[i].id+"'>"+dataSensor.data[i].mineName+"</option>";
                        }else{
                            optionList+="<option value='"+dataSensor.data[i].id+"'>"+dataSensor.data[i].mineName+"</option>";
                        }
                    }
                    $("#select_address").append(optionList);
                }
               console.log("sensor list count:"+dataSensor.data.length);
                $("#select_address").val(pid);
                // layui.use(['form', 'layer','jquery'],
                layui.use('form',
                    function() {
                        $ = layui.jquery;
                        var form = layui.form,
                            layer = layui.layer;

                        //自定义验证规则
                        form.verify({
                            nikename: function(value) {
                                if (value.length < 5) {
                                    return '昵称至少得5个字符啊';
                                }
                            },
                            pass: [/(.+){6,12}$/, '密码必须6到12位'],
                            repass: function(value) {
                                if ($('#L_pass').val() != $('#L_repass').val()) {
                                    return '两次密码不一致';
                                }
                            }
                        });

                        //监听提交
                        form.on('submit(edit)',
                            function(data) {
                                debugger;
                                if(pid==0){
                                    console.log(data);
                                    //curInfo.note=data.field.note;
                                    let mineID=$("#select_address").val();
                                    let param={"note":data.field.note,"minesId":mineID,"personName":data.field.username};
                                    debugger;
                                    let result=sensorServer.addLogMaintain(param);
                                    if(result==1) {
                                        layer.alert("添加成功", {
                                                icon: 6
                                            },
                                            function () {
                                                //关闭当前frame
                                                xadmin.close();
                                                // 可以对父窗口进行刷新
                                                xadmin.father_reload();
                                            });
                                    }else{
                                        layer.alert("添加失败", {
                                                icon: 5
                                            },
                                            function () {
                                                //关闭当前frame
                                                xadmin.close();

                                                // 可以对父窗口进行刷新
                                                xadmin.father_reload();
                                            });
                                    }
                                    return false;
                                }else {
                                    console.log(data);
                                    //alert(1)
                                    //debugger;
                                    curInfo.personName=data.field.username;
                                    curInfo.minesId=$("#select_address").val();
                                    curInfo.note = data.field.note;
                                    debugger;
                                    let result = sensorServer.updateLogMaintain(curInfo);
                                    if (result == 1) {
                                        layer.alert("修改成功", {
                                                icon: 6
                                            },
                                            function () {
                                                //关闭当前frame
                                                xadmin.close();

                                                // 可以对父窗口进行刷新
                                                xadmin.father_reload();
                                            });
                                    } else {
                                        layer.alert("修改失败", {
                                                icon: 5
                                            },
                                            function () {
                                                //关闭当前frame
                                                xadmin.close();

                                                // 可以对父窗口进行刷新
                                                xadmin.father_reload();
                                            });
                                    }
                                    return false;
                                }
                            });


                    });

            }

        </script>
    </body>

</html>
